<template>
  <div id="app">
    <div class="roll">
      <!-- 头部区域 -->
      <div class="heard">
        <div class="integral"><span class="iconfont" style="color: #ffd00b">&#xe629;</span><span>积分</span></span><p>0</p></div>
        <div class="cardArea">
          <div class="customerService">
            <a href="#">
              <span class="iconfont">&#xe62a;</span><p>客服</p>
            </a>
          </div>
          <div class="securities">
            <a href="#">
              <span class="iconfont">&#xe670;</span><p>领劵</p>
            </a>
          </div>
          <div class="cardBag">
            <a href="#">
              <span class="iconfont">&#xe747;</span><p>卡劵包</p>
            </a>
          </div>
        </div>
      </div>
      <!-- 功能区域 -->
      <div class="functionBox">
        <div class="newProducts">
          <a href="#">
            <span class="iconfont">&#xe65a;</span><p>新品首发</p>
          </a>
        </div>
        <div class="daySeckill">
          <a href="flashSale.html">
            <span class="iconfont">&#xe60a;</span><p>每日秒杀</p>
          </a>
        </div>
        <div class="integralPrivilege">
          <a href="#">
            <span class="iconfont">&#xe603;</span><p>积分特权</p>
          </a>
        </div>
        <div class="bask">
          <a href="#">
            <span class="iconfont">&#xe778;</span><p>晒一晒</p>
          </a>
        </div>
      </div>

      <!-- 轮播图区域 -->
      <div class="rollChart">
        <img src="../../assets/images/O1CN01dU3K3x1VigohEq.png" />
      </div>
      <!-- 商品区域 -->
      <div class="commodityShop">
        <div class="recommend">
          <img src="../../assets/images/logo.png" alt="" class="logo">
          <span class="h3-0">本期推荐</span>
          <div class="recommend_big">
            <a href=""><img src="" alt=""></a>
          </div>
          <div class="recommend_card" >
            <div><a href=""><img src="../../assets/images/02_400x400.png" alt=""></a></div>
            <div><a href=""><img src="../../assets/images/02_400x400.png" alt=""></a></div>
            <div><a href=""><img src="../../assets/images/02_400x400.png" alt=""></a></div>
          </div>
        </div>
        <div class="kong"></div>
        <div class="recommend">
          <img src="../../assets/images/logo.png" alt="" class="logo">
          <span class="h3-0">会员尊享</span>
          <div class="recommend_big">
            <a href=""><img src="" alt=""></a>
          </div>
          <div class="recommend_card" >
            <div><a href=""><img src="../../assets/images/02_400x400.png" alt=""></a></div>
            <div><a href=""><img src="../../assets/images/02_400x400.png" alt=""></a></div>
            <div><a href=""><img src="../../assets/images/02_400x400.png" alt=""></a></div>
          </div>
        </div>
        <div class="kong"></div>
        <div class="recommend">
          <img src="../../assets/images/logo.png" alt="" class="logo">
          <span class="h3-0">当季热销</span>
          <div class="recommend_big">
            <a href=""><img src="" alt=""></a>
          </div>
          <div class="recommend_card" >
            <div><a href=""><img src="../../assets/images/02_400x400.png" alt=""></a></div>
            <div><a href=""><img src="../../assets/images/02_400x400.png" alt=""></a></div>
            <div><a href=""><img src="../../assets/images/02_400x400.png" alt=""></a></div>
          </div>
        </div>
        <div class="kong1">
          <span>- - 到底了！返回去吧! - - </span>
        </div>
      </div>
    </div>

    <Nav></Nav>
  </div>
</template>



<script>
  import Nav from '../../components/Nav'
  export default {
      name:"App",
      components:{
          Nav
      },
      data:function(){
          return{

          }
      },
      mounted(){
          this.axios({
              method:'get',
              url:'http://115.28.137.176:8097/getGMPostList ',
              params:{

              }
          }).then((res)=>{
              console.log(res);
              // res.data.data[0].proshows.map((v)=>{
              //     v.apicLoc=require('/'+v.apicLoc);
              // })
          }).catch(()=>{
              console.log('网络错误')
          });

      },
  }
</script>



